<ion-header>
    <header-component>
        <ion-toolbar>
            <ion-buttons class="button-left">
                <img navBackButton src="assets/imgs/return.svg" alt="">
            </ion-buttons>
            <ion-title>停车场</ion-title>
        </ion-toolbar>
    </header-component>
</ion-header>
<ion-content class="no-header" scroll="false">
    <div class="park-page">
        <div class="park-cover">
            <img src="assets/imgs/home/park/parkBg.png" alt="">
            <div>
                <label for=""><span></span><p>空余车位</p></label>
                <p><i><span id="s0">543210123456789</span><em class="piem"></em></i><strong></strong></p>
                <p><i><span id="s1">543210123456789</span><em class="piem"></em></i><strong></strong></p>
                <p><i><span id="s2">543210123456789</span><em class="piem"></em></i><strong></strong></p>
                <p><i><span id="s3">543210123456789</span><em class="piem"></em></i><strong></strong></p>
                <p><i><span id="s4">543210123456789</span><em class="piem"></em></i><strong>个</strong></p>
            </div>
            <div>
                <label for=""><span></span><p>进出车辆情况</p></label>
                <ul>
                    <li>
                        <div>
                            <img src="assets/imgs/gallery/SVG/17152.svg" alt="">
                            <div>
                                <h3>进场</h3>
                                <p>{{'5000'}} 辆</p>
                            </div>
                        </div>

                    </li>
                    <li>
                        <div>
                            <img src="assets/imgs/gallery/SVG/17153.svg" alt="">
                            <div>
                                <h3>出场</h3>
                                <p>{{'3000'}} 辆</p>
                            </div>
                        </div>

                    </li>
                </ul>
            </div>
        </div>
        <div class="centerline"></div>
        <div class="park-content">
            <div class="item-top">
                <p>车牌号</p>
                <p>状态</p>
                <p>出入口位置</p>
                <p>出入场时间</p>
            </div>

            <div class="item-content">
                <div class="items">
                    <div class="item {{'item' + i}}" *ngFor="let data of parkData;let i = index">
                        <span>{{data.PlateNumber}}</span>
                        <span class="State">{{data.State}}</span>
                        <span>{{data.Position}}</span>
                        <span>{{data.DateTime}}</span>
                    </div>
                </div>
            </div>
        </div>
    </div>
</ion-content>